@import "public";
#productList{
  .h10{
    width: 100%;
    .height(10rem);
    background-color: #efeff4;
    float: left;
  }
  .pl-banner{
    width: 100%;
    .height(320rem);
    img{
      display: block;
      width: 100%;
      .height(320rem);
    }
  }
  ul li{
    width: 100%;
    float: left;
    background-color: #ffffff;
    .marginTop(20rem);
    .of-inside{
      width: 100%;
      .minHeight(160rem);
      .padding(0,20rem,0,20rem);
      float: left;
      background: url(../images/list-arrow.png)  no-repeat;
      .backTopCenter(565rem);
      .backSize(44rem,44rem);
      .pl-rate{
        .width(190rem);
        .height(136rem);
        .marginTop(36rem);
        .borderRight(2rem,dotted,#e8e8e8);
        .true-rate{
          width: 100%;
          text-align: center;
          .fontSize(26rem);
          color: #f9722e;
          display: block;
          white-space:normal;
          word-break:keep-all;
          .marginTop(12rem);
          span{
            width: 100%;
            .fontSize(32rem);
            white-space:normal;
            word-break:break-word;
            display: block;
          }
        }
        .true-word{
          width: 100%;
          text-align: center;
          .marginTop(10rem);
          color: #999999;
          .fontSize(24rem);

        }
      }
      .pl-detail{
        .marginTop(28rem);
        .marginLeft(30rem);
        .pl-title{
          .fontSize(32rem);
          color: #000000;
        }
        .pl-date{
          //.marginTop(16rem);
          .width(300rem);
          p:nth-of-type(1){
            color: #000000;
            .fontSize(32rem);
            .marginTop(6rem);
            .marginRight(14rem);
          }
          p:nth-of-type(2){
            .lineHeight(36rem);
            color: #666666;
            .marginTop(6rem);
            span{
              color: #f9722e;
              .fontSize(36rem);
            }
          }
          p:nth-of-type(3){
            .height(90rem);
            .lineHeight(36rem);
            color: #666666;
            .marginTop(6rem);
            span{
              color: #f9722e;
              .fontSize(36rem);
            }
          }
          .pl-way{
            .width(130rem);
            .height(40rem);
            text-align: center;
            color: #ffffff!important;
            .lineHeight(40rem);
            background-color: #8f87ac;
            .borderRadius(6rem);
            .marginTop(6rem);
          }
        }
      }
      .pl-arrow{
        .width(80rem);
        .height(220rem);
        float: right;
        background: url(../images/list-arrow.png) no-repeat;
        .backPosition(60rem,90rem);
        .backSize(25rem,44rem);
      }
    }

  }
}